$(function () {
    $("#link_login").click(function () {
      $(".reg-box").show();
      $(".login-box").hide();
    });
  
    $("#link_reg").click(function () {
      $(".login-box").show();
      $(".reg-box").hide();
    });
  
    let layer = layui.layer;
  
    // 表单验证
    let form = layui.form;
    form.verify({
      uname: function (value) {
        let username = /^\w{3,10}$/;
        if (!username.test(value)) {
          return "用户名只能是3-10位的英文大小写及数字和_";
        }
      },
      pass: [/^[\S]{6,12}$/, "密码必须6到12位，且不能出现空格"],
      repass: function (value) {
        let pass = $('.reg-box input[name="password"]').val();
        if (value != pass) {
          return "两次密码不一致";
        }
      },
    });
  
    $(".reg-box .layui-form").on("submit", function (e) {
      console.log($("#reg-form"));
      // e.preventDefalut();
      e.preventDefault();
      let data = {
        username: $("#reg-form [name=username]").val(),
        password: $("#reg-form [name=password]").val(),
      };
      $.post(
        "/api/reguser",
        data,
        function (res) {
          if (res.status != 0) {
            return layer.msg(res.message);
          }
          layer.msg("注册成功");
          setTimeout(function () {
            $("#link_reg").click();
          }, 2000);
        }
      );
    });
  
    $(".login-box .layui-form").submit(function (e) {
      e.preventDefault();
      $.ajax({
        url: "/api/login",
        type: "post",
        data: $(this).serialize(),
        success: function (res) {
          if (res.status != 0) {
            return layer.msg(res.message);
          }
         
          localStorage.setItem('token',res.token)
          location.href = "index.html";
        },
      });
    });
    
  });